.main-nav {
  position: relative;
  z-index: 1;
  width: 100%;
  box-sizing: border-box;
}

.main-nav__toggle {
  position: absolute;
  width: 23px;
  height: 22px;
  background-color: transparent;
  background-image: url("../img/icon-menu.svg");
  right: 20px;
  bottom: -42px;
  border: none;
  // При реализации с JS удалить - "display: none;"
  display: none;
}

.main-nav__toggle--cross {
  background-color: transparent;
  background-image: url("../img/icon-cross.svg");
  right: 20px;
  top: 17px;
}

@media (min-width: $tablet-width) {
  .main-nav__toggle {
    @include visually-hidden;
  }
}
